@import "../../../customGlobal.scss";
.session-header {
    padding: 1.25rem 0rem 0.37rem 0rem;
    //   height: 1.88rem; //2.87
    line-height: 1.13rem;
    padding-left: 1.57rem;
    padding-right: 1.57rem;
}
.date-sort {
    font-size: 0.88rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.88rem;
    margin-left: 1.56rem;
    margin-top: 1.25rem;
}
.session-title {
    display: inline-block !important;
    margin-top: 0.1rem;
    height: 1.13rem !important;
    font-size: 1.13rem !important;
    padding-bottom: 0px !important;
    font-weight: 500 !important;
    color: rgba(39, 40, 46, 1);
    line-height: 1.13rem;
}
.more-ac-bg {
    text-align: right;
    display: flex;
    align-items: center;
}

.action-label {
    font-size: 0.81rem !important;
    color: rgba(133, 136, 148, 1);
    line-height: 1.13rem;
    display: inline-block;
    font-weight: normal;
    margin-right: 0.31rem;
    font-weight: normal !important;
    padding-bottom: 0px !important;
}
.detail-icon {
    width: 0.44rem;
    height: 1.3rem;
    background: url("../../../assets/icon/details_icon_more@3x.png") center no-repeat;
    background-size: 100%;
    display: inline-block;
}
.hot-bg {
    position: relative;
    margin-bottom: -0.56rem;
    height: 9.19rem;
    padding: 1.25rem;
    padding-top: 1.38rem;
}
.hot-img-bg {
    width: 100%;
    height: 9.19rem;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
.hot-footer {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border-radius: 1rem 1rem 0rem 0rem;
    width: 100%;
    height: 0.94rem;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
}
.hot-time {
    height: 1.25rem;
    background: #ffeecc;
    border-radius: 0.69rem 0.69rem 0.69rem 0rem;
    font-size: 0.75rem;
    color: #fd4f32;
    line-height: 1.25rem;
    padding: 0 0.5rem;
    position: relative;
    z-index: 3;
    display: inline-block;
}
.hot-title {
    position: relative;
    z-index: 3;
    margin-top: 0.75rem;
    font-size: 1.63rem;
    font-weight: bold;
    color: #ffeecc;
    line-height: 1.88rem;
}
.hot-sub-title {
    position: relative;
    z-index: 3;
    margin-top: 0.38rem;
    font-size: 0.88rem;
    color: #ffeecc;
    line-height: 1.13rem;
}
.list-item-bg {
    background: rgba(255, 255, 255, 1);
    //   border-radius:0.5rem;
    //   margin: 0.63rem;
    //   margin-bottom: 0;
    padding: 1rem;
    //   box-shadow: 0rem 0.19rem 1.25rem 0rem rgba(39, 40, 46, 0.1);
}
.item-main {
    display: flex;
}

.item-left {
    flex-shrink: 0;
    width: 6rem;
    height: 4.5rem;
    border-radius: 0.19rem;
    position: relative;
    display: inline-block;
    flex-basis: 6rem;
    margin-right: 1rem;
}
// 装修
.item-left.item-left-9 {
    width: 4rem;
    height: 4rem;
    border-radius: 0.13rem;
    position: relative;
    display: inline-block;
    flex-basis: 4rem;
}
.item-left-big {
    width: 5.63rem;
    height: 4.19rem;
    flex-basis: 5.63rem;
}
// 普通选址出租
.item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0.19rem;
}

// 加盟
.item-img.item-img-big {
    width: 5.63rem;
    height: 4.19rem;
}
// 装修
.item-img.item-img-9 {
    width: 4rem;
    height: 4rem;
}
// 选址
.auth {
    padding-left: 0.19rem;
    padding-right: 0.19rem;
    height: 1rem;
    font-size: 0.69rem;
    line-height: 1rem;
    display: inline-block;
    background: linear-gradient(270deg, rgba(72, 191, 48, 1) 0%, rgba(154, 217, 65, 1) 100%);
    box-shadow: -0.06rem -0.06rem 0.19rem 0rem rgba(255, 235, 102, 0.2);
    border-radius: 0.13rem 0rem 0.13rem 0rem;
    color: white;
    text-align: center;
    margin-right: 0.31rem;
    white-space: nowrap;
}
.auth-icon {
    width: 0.88rem;
    height: 0.88rem;
    margin-left: 0.06rem;
}
.auth-left {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0.19rem;
    padding-right: 0.19rem;
    height: 1rem;
    font-size: 0.69rem;
    line-height: 1rem;
    display: inline-block;
    background: linear-gradient(270deg, rgba(72, 191, 48, 1) 0%, rgba(154, 217, 65, 1) 100%);
    box-shadow: -0.06rem -0.06rem 0.19rem 0rem rgba(255, 235, 102, 0.2);
    border-radius: 0.13rem 0rem 0.13rem 0rem;
    color: white;

    text-align: center;
}
.item-right {
    //   height:4.19rem;
    position: relative;
    display: flex;
    flex-direction: column;
    //   justify-content: space-between;
    flex-grow: 1;
    width: calc(100vw - 9rem);
}
.item-right.item-right-9 {
    height: 4rem;
}
.item-right.item-right-6 {
    width: calc(100vw - 9.4rem);
}
.item-title {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    // line-height: 1rem;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    // margin-top: -0.31rem;
}
.item-title-2line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
}
.item-title-bg {
    display: flex;
    width: calc(100vw - 8.73rem);
}
// 装修
.item-title-bg-9 {
    display: flex;
    width: calc(100vw - 8.1rem);
}
.item-title-sub {
    margin-top: 0.31rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 1rem;
    height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100vw - 8.73rem);
}
.title-tag {
    padding-left: 0.31rem;
    padding-right: 0.31rem;
    line-height: 1rem;
    font-size: 0.69rem;
    height: 1rem;
    color: white;
    background: linear-gradient(270deg, rgba(255, 99, 20, 1) 0%, rgba(255, 149, 0, 1) 100%);
    border-radius: 0.13rem;
    display: inline-block;
    margin-left: 0.31rem;
    white-space: nowrap;
}
// 选址
.item-title-3.item-title-3 {
    margin-top: 0rem;
}
.item-content-bg {
    margin-top: 0.63rem;
    display: flex;
    align-items: center;
    line-height: 1rem;
    // margin-top: 0.31rem;
}
.item-right .item-content-bg {
    // max-width: calc(100vw - 7.1rem );
}
.item-content-bg-9 {
    display: flex;
    align-self: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    line-height: 1rem;
    // margin-top: 0.31rem;
}

.tag {
    font-size: 0.69rem;
    color: #8695b3;
    line-height: 0.94rem;
    height: 0.94rem;
    background: rgba(134, 149, 179, 0.1);
    border-radius: 0.13rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    margin-right: 0.31rem;
}
.item-content {
    font-size: 0.75rem;
    color: #45474d;
    // line-height: 0.75rem;
    display: inline-block;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.item-content.secondLine {
    display: flex;
    align-items: baseline;
}
.content {
    margin-right: 0.5rem;
}
.content.red {
    margin-right: 0.75rem;
    display: flex;
    align-items: baseline;
}

.content-time {
    font-size: 0.75rem;
    color: rgba(182, 183, 191, 1);
}
.content.avg-price {
    margin-left: 1.25rem;
    margin-right: 0px;
}
.item-time {
    text-align: right;
    white-space: nowrap;
    display: inline-block;
}
// <!-- 推荐盒子 -->
.item-recommed-bg {
    padding: 0.15rem 0rem;
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 0;
}
.recommed-icon {
    display: inline-block;
    width: 0.88rem;
    height: 0.88rem;
    margin-right: 0.31rem;
    background: url("../../../assets/icon/list_icon-recommend@3x.png") no-repeat;
    background-size: 100%;
}

.recommed-detail-icon {
    display: inline-block;
    width: 0.31rem;
    height: 0.5rem;
    margin-left: 0.19rem;
    background: url("../../../assets/icon/list_icon_arrow_right@3x.png") no-repeat;
    background-size: 100%;
}
.item-recommed-content {
    display: flex;
    align-items: center;
    font-size: 0.69rem;
    color: #45474d;
    line-height: 0.69rem;
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.item-recommed-content-num {
    color: #ff6314;
    font-weight: bold;
}
.item-recommed-see {
    height: 1.57rem;
    border-radius: 0.79rem;
    border: 0.04rem solid #b6b7bf;
    padding-left: 0.94rem;
    padding-right: 0.94rem;
    text-align: center;
    font-size: 0.75rem;
    color: #5c5e66;
    line-height: 1.5rem;
    display: inline-block;
    white-space: nowrap;
}
.icon-see {
    display: inline-block;
    white-space: nowrap;
    margin-left: 0.38rem;
    width: 0.31rem;
    height: 0.63rem;
}

// 顾问
.consultant-bg {
    margin-top: 0.94rem;
    padding: 0.94rem;
    position: relative;
    background: linear-gradient(270deg, rgba(247, 248, 250, 1) 0%, rgba(247, 248, 250, 1) 100%);
    border-radius: 0.31rem;
}
.bg-icon {
    position: absolute;
    top: 2.81rem;
    left: 0.5rem;
    width: 1rem;
    height: 1rem;
    display: inline-block;
}
.consultant-info {
    display: flex;
    align-self: start;
    align-items: center;
}
.consultant-avatar {
    height: 1.56rem;
    width: 1.56rem;
    border-radius: 0.78rem;
    display: inline-block;
    margin-right: 0.5rem;
}
.consultant-name {
    font-size: 1rem;
    font-weight: bold;
    color: $LJLabelColor;
    display: inline-block;
    margin-right: 0.31rem;
}

.consultant-tag {
    height: 1rem;
    background: rgba(231, 233, 238, 1);
    border-radius: 0.13rem;
    font-size: 0.69rem;
    color: rgba(116, 133, 166, 1);
    line-height: 1rem;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
    display: inline-block;
}

.consultant-remark {
    margin-top: 0.75rem;
    position: relative;
    font-size: 0.88rem;
    color: rgba(92, 94, 102, 1);
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical; // 参考 https://github.com/postcss/autoprefixer/issues/776
    /* autoprefixer: on */
}
// 纯推荐备注 没顾问
.consultant-remark-header {
    font-size: 0.88rem;
    color: rgba(39, 40, 46, 1);
}
.consultant-bg.remark {
    padding: 0.75rem 0.94rem;
}
.consultant-remark.remark {
    margin-top: 0px;
}
.bg-icon.remark {
    top: 0.31rem;
}
// <!-- 跟进状态 -->
.item-tool-bg {
    height: 2.25rem;
    margin-top: 1rem;
    display: flex;
}
.item-tool-status {
    flex-grow: 1;
    font-size: 0.88rem;
    font-weight: bold;
    color: rgba(255, 99, 20, 1);
    line-height: 2.25rem;
    display: inline-block;
}
.item-tool-icon-bg {
    text-align: right;
    display: inline-block;
    position: relative;
}
.item-tool-icon-tip {
    position: absolute;
    top: -0.44rem;
    left: 2.25rem;
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
    background: #ffedba;
    border-radius: 0.47rem 6.25rem 6.25rem 0.06rem;
    font-size: 0.63rem;
    color: #755020;
    display: inline-block;
    white-space: nowrap;
    z-index: 2;
}
.item-tool-icon {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: 1.25rem;
    display: inline-block;
    position: relative;
}
.last-icon-tip {
    padding-right: 1.25rem;
}

.more-btn {
    height: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0.94rem;
    border-radius: 0.31rem;
    background: #f4f6f9;
    line-height: 2.5rem;
    color: #7485a6;
    margin: 1.25rem 1rem 1.75rem 1rem;
    text-align: center;
}
.require-bg {
    margin-top: 0.63rem;
    background: #ffffff;
    font-size: 0.75rem;
    color: #858894;
    line-height: 1rem;
}
.require-label {
    color: #27282e;
    position: relative;
}
.require-label-bg {
    position: absolute;
    width: 100%;
    height: 0.31rem;
    bottom: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(210, 211, 217, 0) 0%, rgba(210, 211, 217, 0.8) 100%);
}
.require-value {
    color: #858894;
}

.list-item-0-bg {
    margin: 0.56rem 1rem;
    padding: 1.25rem 1rem;

    border-radius: 0.31rem;
    border: 0.03rem solid #e8eaed;
}
.bg-item-title {
    font-size: 0.94rem;
    font-weight: bold;
    color: #252629;
    line-height: 0.94rem;
}
.bg-item-title-sub {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #575a61;
    line-height: 0.75rem;
    height: 0.75rem;
}
.counselor-bg {
    margin-top: 1.25rem;
    background: white;
    display: flex;
    align-items: center;
}
.counselor-avatar {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    border-radius: 1.25rem;
    flex-basis: 2.5rem;
}
.counselor-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.counselor-name {
    font-size: 1rem;
    font-weight: bold;
    color: $LJLabelColor;
    // margin-top:0.13rem;
}
.counselor-service {
    font-size: 0.75rem;
    color: #575a61;
    // margin-bottom:0.13rem;
}
.counselor-call {
    padding: 0 1rem;
    height: 2rem;
    background: $LJTabBottomSliderColor;
    border-radius: 1rem;
    font-size: 0.81rem;
    font-weight: bold;
    color: $LJLabelColor;
    line-height: 2rem;
}

.num-o {
    color: #ff595e;
}
.noData {
    padding-top: 2.5rem;
    text-align: center;
    font-size: 1rem;
    color: #858894;
    padding-bottom: 2.5rem;
}

.item-content-tags {
    margin-top: 0.5rem;
}
.item-bg-img-big {
    margin: 0.25rem 0.75rem;
    margin-bottom: 0.75rem;

    // height: 6rem;
    border-radius: 0.5rem;
    position: relative;

}
.big-img {
    width: 100%;
    // height: 6rem;
    border-radius: 0.5rem;
}

.item-content-sep {
    width: 0.03rem;
    height: 0.5rem;
    background: #b3b3b3;
    margin: 0 0.31rem;
    display: inline-block;
}

.item-bg-more {
    height: 2.75rem;
    background: #ffffff;
    border-radius: 0.5rem;
    font-size: 0.94rem;
    color: #5c6e99;
    line-height: 2.75rem;
    text-align: center;
    margin-bottom: 2rem;
}

.item-ad-bg {
    background: #ffffff;
    border-radius: 0.5rem;
    position: relative;
}
.ad-img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 7.25;
    height: 6rem;
}
.ad-title {
    font-size: 1.13rem;
    font-weight: bold;
    color: #252629;
    line-height: 1.38rem;
}
.ad-subtitle {
    margin-top: 0.5rem;
    height: 1rem;
    font-size: 0.75rem;
    color: #7e838c;
    line-height: 1rem;
}
.downTag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
    margin-top: 1.25rem;
    
}
.name-bg {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.item-ad-3-name {
    font-size: 1rem;
    font-weight: bold;
    color: #0f0f0f;
    line-height: 1.25rem;
}
.avatar {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    border-radius: 1.25rem;
}
.service-content {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #666666;
    line-height: 1rem;
}

.service-content-label {
}
.service-content-count {
    color: #ff5500;
    margin: 0 0.13rem;
    font-weight: bold;
}
.ad-btn {
    z-index: 2;
    position: relative;
    margin-left: 1rem;
    height: 2rem;
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    border-radius: 1.38rem;
    font-size: 0.81rem;
    font-weight: bold;
    color: #252629;
    line-height: 2rem;
    padding: 0 1rem;
    flex-shrink: 0;
}
.item-ad-3 {
    height: 8.44rem;
    background: #ffffff;
    border-radius: 0.31rem;
    padding: 1rem;
}
.item-ad-3-left {
    z-index: 2;
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.item-ad-4 {
    height: 6rem;
    display: flex;
    align-items: center;
    padding: 1rem;
}
.item-ad-4-left {
    z-index: 2;
    position: relative;
    flex-grow: 1;
}
.ad-list-bg {
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: scroll;
    display: flex;
    margin-top: 1rem;
}
.ad-header {
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
}
.item-ad-5 {
    padding: 0.75rem;
    height: 13.19rem;
    background: #ffffff;
    border-radius: 0.5rem;
}
.item-ad-5-title {
    flex-grow: 1;
    font-size: 1rem;
    font-weight: bold;
    color: #0f0f0f;
    line-height: 1.25rem;
}
.ad-ac-bg {
    display: flex;
    align-items: center;
}
.ad-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: #959ba6;
    line-height: 1rem;
}
.ad-more-icon {
    width: 0.75rem;
    height: 0.75rem;
    background: url("../../../assets/fw/ad-more.png") center no-repeat;
    background-size: 100%;
    display: inline-block;
}
.item-title-img-bg {
    width: calc((100vw - 4rem) / 3);
    height: 9.69rem;
    background: #ffffff;
    border-radius: 8px;
    margin-right: 0.5rem;
    flex-shrink: 0;
    position: relative;
}
.title-img {
    object-fit: cover;
    object-position: center;
    width: calc((100vw - 4rem) / 3);
    height: 4.88rem;
    border-radius: 0.19rem;
}
.title-img-auth {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding-left: 0.19rem;
    padding-right: 0.19rem;
    height: 1rem;
    font-size: 0.69rem;
    line-height: 1rem;
    background: linear-gradient(270deg, #27c498 0%, #37de69 100%);
    border-radius: 0.19rem 0rem 0.19rem 0rem;
    border-radius: 0.13rem 0rem 0.13rem 0rem;
    color: white;
    text-align: center;
    // margin-right: 0.31rem;
    white-space: nowrap;
    vertical-align: text-top;
}
.item-title-1line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 1;
}
.ad5-item-title-bg {
    margin-top: 0.5rem;
}
.title {
    height: 1.13rem;
    font-size: 0.88rem;
    font-weight: bold;

    color: #0f0f0f;
    line-height: 1.13rem;
}
.detail-info {
    margin-top: 0.25rem;
    height: 1rem;
    color: #4d4d4d;
    line-height: 0.94rem;
    font-size: 0.69rem;
    display: flex;
    align-items: center;

}
.detail-info-sep {
    width: 0.03rem;
    height: 0.5rem;
    background: #999999;
    margin: 0 0.31rem;
    display: inline-block;
}
.price-bg {
    margin-top: 0.25rem;
    display: flex;
    align-items: baseline;
    color: #ff5500;
}
.price-label {
    font-size: 1rem;
    font-weight: bold;
}
.price-unit {
    font-size: 0.56rem;
}
.limit-hint {
    font-size: 0.75rem;
    color: #808080;
    line-height: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 2rem;
    text-align: center;
    background: rgb(245, 246, 247);
}

.item-ad-7 {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.item-ad-7-top {
    display: flex;
}

.item-ad-7-imag {
    width: 6rem;
    height: 4.5rem;
    border-radius: 0.25rem;
}

.item-ad-7-title-box {
    width: calc(100vw - 8rem);
    height: 4.5rem;
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    justify-content: space-between;
}

.item-ad-7-title {
    font-size: 1rem;
    font-weight: bold;
    color: #0f0f0f;
}

.item-ad-7-comment {
    font-size: 1rem;
    font-weight: bold;
    color: #0f0f0f;
    width: calc(100vw - 9rem);
}

.item-ad-7-start {
    display: flex;
}

.item-ad-7-left {
    position: relative;
    width: 6rem;
    height: 4.5rem;
    border-radius: 0.25rem;
}

.play-btn {
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 2rem;
    top: 1.25rem;
}

.item-ad-7-children {
    background: #f7f7f7;
    border-radius: 0.31rem;
    padding: 0.75rem 1rem;
    border-radius: 0.31rem;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
}

.item-7-children-box {
    display: flex;
    flex-direction: column;
    border-bottom: 0.03rem solid #ededed;
}
.item-7-serviceUser {
    font-size: 0.88rem;
    font-weight: 500;
    color: #808080;
    padding-bottom: 0.75rem;
    padding-top: 1rem;
}

.item-7-serviceUser-title {
    font-size: 0.94rem;
    font-weight: 500;
    color: #0f0f0f;
    padding-bottom: 0.75rem;
}

.item-7-children-avator {
    width: 1.56rem;
    height: 1.56rem;
    margin-right: 0.63rem;
}

.children-creator {
    font-size: 0.88rem;
    font-weight: 500;
    color: #808080;
    margin-right: 0.5rem;
}

.children-time {
    font-size: 0.75rem;
    font-weight: 400;
    color: #b3b3b3;
}

.showMore {
    height: 2.56rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.81rem;
    font-weight: 400;
    color: #666666;
}

.item7Arrow {
    width: 0.38rem;
    height: 0.75rem;
    margin-left: 0.31rem;
}
.item-box-171-upd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-box-171-left {
    font-size: 0.75rem;
    font-weight: 400;
    color: #808080;
}

.item-box-171-right {
    font-size: 0.75rem;
    font-weight: 400;
    color: #008cff;
}

.more-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.update-comment {
    font-size: 0.75rem;
    font-weight: 400;
    color: #008cff;
    text-align: end;
}
.item-line {
    height: 0.03rem;
    width: 100%;
    margin-top: 1rem;
    border-bottom: 0.03rem solid #e8eaed;
    margin-bottom: -1rem;
}
.empty-item-left {
    display: none;
}
.updateCommentBox {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.spanBtn {
    width: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 1.56rem;
    border: 0.03rem solid #b6b7bf;
    font-size: 0.69rem;
    text-align: center;
    border-radius: 1rem;
    color: #5c5e66;
    display: inline-block;
    margin-left: 0.5rem;
    line-height: 1.5rem;
    margin-bottom: 0.94rem;
    position:relative;
}

.btnBadge{
  position: absolute;
  background: #ff3A33;
  right: 0rem;
  top: 0.013rem;
  border-radius: 100%;
  width: 0.5rem;
  height: 0.5rem;  
}